<template>
    <div class="men">
     <img src="https://img.alicdn.com/tfs/TB1WQ91o4z1gK0jSZSgXXavwpXa-750-900.jpg" alt="" class="ban">
        <div
        class="pros"
        >
        <Pros :pro="pros"></Pros>
      </div>
      <FooterPublic></FooterPublic>
    </div>

</template>
<script>
import { instance } from '@/utils/http'
import Vue from 'vue'
import { Lazyload } from 'vant'
import FooterPublic from '@/components/FooterPublic'
import Pros from '@/components/Pros'
export default {
  data () {
    return {
      pros: []
    }
  },
  components: {
    Pros,
    FooterPublic
  },
  created () {
    instance.get('/appapi/silo/eventForH5?categoryId=men&pageIndex=1&timestamp=1586390242706&summary=848d165d231a1442a30c607be25893a7&platform_code=H5')
      .then(res => {
        this.pros = res.data.eventList
      })
  }

}
</script>
<style lang="scss" scoped>
.ban{
    width: 100%;
    height: 4.5rem;
    display: block;
}

</style>
